<%--
  Created by IntelliJ IDEA.
  User: wyl
  Date: 2022-01-10
  Time: 11:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
  <!--条件查询用 form -->
    <div id="savequerytacome">
        <form class="form form-inline">
            <div class="form-group">
            </select>
                <label>请选择产品</label><select id="savequeryproductName" class="form-control "style="width: 200px">
                <option value="">---请选择产品---</option>
            </select>
                <label>请选择配置单状态</label><select id="savequeryproductId" class="form-control "style="width: 200px">
                <option value="">---产品编号---</option>
            </select>
                <input type="button" class="btn btn-success" value="查询" id="savequerybtnsearch">
            </div>
        </form>
    </div>
    <!-- 表格展示数据-->
    <table id="savequerytable05">

    </table>
  <div id="savequeryrokling_div"></div>
</div>
<script>

    var params = {
        url: "${pageContext.request.contextPath}/querySCellbycondwangyingliang.action",
        method: 'GET',                      //请求方式（*）
        toolbar: '#savequeryrokling_div',              //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 5,                     //每页的记录行数（*）
        pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父子表
        //传递额外的查询用的参数
        queryParams: function (params) {

            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pagesize: params.limit,                         //页面大小
                pageno: (params.offset / params.limit) + 1,   //页码
                checkTag:"S002-1",
                productId:$("#savequeryproductId").val(),
                productName:$("#savequeryproductName").val()

            };
            return temp;
        },
        columns: [
            {
                title: "配置单编号",
                field: "id"
            },

            {
                title: "产品编号",
                field: "productId"
            },
            {
                title: "产品名称",
                field: "productName"
            },

            {
                title: "配置单状态",
                field: "firstKindName"
            },

            {
                title: "复核状态",
                field: "secondKindName"
            }
        ]
    };

    $("#savequerytable05").bootstrapTable(params);
    $("#savequerybtnsearch").click(function () {
        $("#savequerytable05").bootstrapTable("refresh");
    })
    var rows;
    /*$("#btnsearch").click(fuznction () {
        $("#docutortbl").bootstrapTable("refresh");
    })*/
    function menushowa() {
        $.get("${pageContext.request.contextPath}/queryfifstkindscellname.action",function (data) {
            $("#savequeryproductName>option:gt(0)").remove()
            $(data).each(function (index, item) {
                var option = $("<option value="+item.productName+">" + item.productName + "</option>")
                $("#savequeryproductName").append(option)
            })
        },"json");
    }
    menushowa();
    function menushowb() {
        $.get("${pageContext.request.contextPath}/queryfifstkindscellname.action",function (data) {
            $("#savequeryproductId>option:gt(0)").remove()
            $(data).each(function (index, item) {
                var option = $("<option value="+item.productId+">" + item.productId + "</option>")
                $("#savequeryproductId").append(option)
            })
        },"json");
    }
    menushowb();
</script>

</body>
</html>
